日記でテーブルを作るときの注意点
私も日記にテーブル(表)を作ってみて分かった事ですが
普通にTABLEタグで書くと、日記の上の部分が空白になってしまいます。
日記では強制的にタグが自動改行になる為、タグの改行<BR>を記述していない所を
エンターなどで改行した所は空白と見なされてしまいます。
私はビルダーなどでテーブルを作っているのですが、勝手にタグが改行されていて
思いっきり空白が出来てしまいました。
もし、ビルダーなどのHP作成ソフトを使用している方はお気をつけ下さい。 |
私の対処法は、まずビルダーで普通に表を作ります。
その後で、「テラパット」をいうフリーソフトで改行を無くしました。
■テラパッドで改行削除の仕方
1、テラパッドを開き、改行を消したいタグのソースをコピーする。
2、【編集】→【すべて選択】をします。
3、【編集】→【変換】→【改行削除】をすれば改行が無くなります。
テラパットはテキストエディッタで、主にHPにカウンタやBBSなどのCGIスクリプトを
設置する際、設定を変える時に使用していたので持っていました。
(HP=ブログではなく、他に私が運営しているHPです。) |
これから私が作りたかった表(TABLE)を載せます。
もし、下のスコアボードの表が欲しい方がいましたらタグをコピーしてお使い下さい。
改行削除しているので、そのままお使いになれます。 |
野球などのスコアボードの表です。
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 計 | チーム1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | チーム2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
タグ
<TABLE cellspacing="1" cellpadding="5" bgcolor="#007d00"
style="text-align : center;"><TBODY><TR><TD
width=100 bgColor=black></TD><TD bgColor=black><B><FONT
color=white>1</FONT></B></TD><TD bgColor=black><B><FONT
color=white>2</FONT></B></TD><TD bgColor=black><B><FONT
color=white>3</FONT></B></TD><TD bgColor=black><B><FONT
color=white>4</FONT></B></TD><TD bgColor=black><B><FONT
color=white>5</FONT></B></TD><TD bgColor=black><B><FONT
color=white>6</FONT></B></TD><TD bgColor=black><B><FONT
color=white>7</FONT></B></TD><TD bgColor=black><B><FONT
color=white>8</FONT></B></TD><TD bgColor=black><B><FONT
color=white>9</FONT></B></TD><TD align=middle
width=34 bgColor=black><B><FONT color=white>計</FONT></B></TD></TR><TR><TD
align=middle bgColor=black><FONT color=white>チーム1</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
align=middle bgColor=black><B><FONT color=white>0</FONT></B></TD></TR><TR><TD
align=middle width=100 bgColor=black><FONT color=white>チーム2</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
bgColor=black><FONT color=white>0</FONT></TD><TD
align=middle bgColor=black><B><FONT color=white>0</FONT></B></TD></TR></TBODY></TABLE>
【上へ戻る】【ブログ攻略メニューに戻る】
|